﻿@page "/Account/Me/Index"
@inherits YiMeiJiaService.Assembly.BaseComponent
@using Newtonsoft.Json;
@using YiMeiJiaLibModel.Config
@using YiMeiJiaApp.Pages.Components
@using YiMeiJiaLibModel.Business


<Headers MyPartialText="个人中心" Icon="/Images/home-fff.png"></Headers>
@if (_userData != null)
{
    <div class="cm-app-container cm-txt-center">
        <div class="weui-flex cd-photo">
            <div class="weui-flex__item item-img cm-w cm-w-25">
                <div class="hexagon-border">
                    <img src="@ApiConf.ApiStatic()/images/logo.png" alt="Hexagon Image" />
                </div>
            </div>
            <div class="weui-flex__item item-info cm-w cm-w-55 cm-txt-left cm-div-item-center">
                <div class="item-mobile cm-txt-left">账号：@_userData.mobile</div>
                <div class="item-code cm-txt-left">邀请码：@_userData.mobile</div>
            </div>
            <div class="weui-flex__item item-msg cm-w cm-w-10 cm-txt-center cm-div-item-center" @onclick="SharedCode" >
                <div class="item-code-img">
                    <img src="@ApiConf.ApiStatic()/images/logo.png" alt="Hexagon Image" />
                </div>
                <div class="item-code-tit" >
                    邀请
                </div>
            </div>
            <div class="weui-flex__item item-arrow cm-w cm-w-10 cm-div-item-center  cm-txt-left">
                <a href="/Account/My/Info" class="cm-arrow-right">&nbsp;</a>
            </div>
        </div>
        @* 数据简报 *@
        <div class="weui-flex cd-data">
            <div class="weui-flex__item item-msg cm-w cm-w-25 cm-txt-center cm-div-item-center">
                <div class="item-data-number">
                    体验会员
                </div>
                <div class="item-data-tit">
                    我的等级
                </div>
            </div>
            <div class="weui-flex__item item-msg cm-w cm-w-25 cm-txt-center cm-div-item-center cm-grid-item-mulitp-center ">
                <div class="item-data-number">
                    0/20
                </div>
                <div class="item-data-tit">
                    今日任务
                </div>
            </div>

            <div class="weui-flex__item item-msg cm-w cm-w-25 cm-txt-center cm-div-item-center cm-grid-item-mulitp-center ">
                <div class="item-data-number">
                    0
                </div>
                <div class="item-data-tit">
                    合计观看
                </div>
            </div>


            <div class="weui-flex__item item-msg cm-w cm-w-25 cm-txt-center cm-div-item-center cm-grid-item-mulitp-center ">
                <div class="item-data-number">
                    0
                </div>
                <div class="item-data-tit">
                    推新数量
                </div>
            </div>
        </div>
        @* 升级进度条 *@
        <div class="cm-card cm-card-max cd-progress ">
             
            <div class="weui-flex cd-progress-dv">
                <div class="weui-flex__item cd-progress-left cm-grid-item-mulitp-center ">
                    VIP进度
                </div>
                <div class="weui-flex__item cd-progress-center cm-grid-item-mulitp-center ">
                    <div class="weui-progress">
                        <div class="weui-progress__bar">
                            <div class="weui-progress__inner-bar js_progress" style="width: 10%; background-color:#f8492a;"></div>
                        </div>
                        
                    </div>
                </div>
                <div class="weui-flex__item cd-progress-right cm-grid-item-mulitp-center ">
                    0/59  <i class="weui_icon_info_circle"></i>
                </div>
            </div>

            @* 代理进度 *@
            <div class="weui-flex cd-progress-dv">
                <div class="weui-flex__item cd-progress-left cm-grid-item-mulitp-center ">
                    代理进度
                </div>
                <div class="weui-flex__item cd-progress-center cm-grid-item-mulitp-center ">
                    <div class="weui-progress">
                        <div class="weui-progress__bar">
                            <div class="weui-progress__inner-bar js_progress" style="width: 10%; background-color:#f2cc84;"></div>
                        </div>

                    </div>
                </div>
                <div class="weui-flex__item cd-progress-right cm-grid-item-mulitp-center ">
                    0/1000  <i class="weui_icon_info_circle"></i>
                </div>
            </div>
        </div>
       
        <div class="cm-card cm-card-max cd-progress ">
            <div class="weui-cells__title">广告包仓库</div>
            <div class="weui-flex ad-storage">
                <div class="weui-flex__item ad-storage-left">
                  <div class="ad-storage-package-bck">
                        <div class="ad-storage-num-detail">
                            10000个
                        </div>
                        <div class="ad-storage-num-package">
                            100包
                        </div>
                  </div>
                  <div class="ad-storage-num-package-tit">
                        剩余广告包
                  </div>
                </div>
                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-package-bck">
                        <div class="ad-storage-num-detail">
                            10000个
                        </div>
                        <div class="ad-storage-num-package">
                            100包
                        </div>
                    </div>
                    <div class="ad-storage-num-package-tit">
                        剩余广告包
                    </div>
                </div>
                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-package-bck">
                        <div class="ad-storage-num-detail">
                           推新
                        </div>
                        <div class="ad-storage-num-package">
                            0.00
                        </div>
                    </div>
                    <div class="ad-storage-num-package-tit">
                        累计收益
                    </div>
                </div>
                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-package-bck">
                        <div class="ad-storage-num-detail">
                            看视频
                        </div>
                        <div class="ad-storage-num-package">
                            0.00
                        </div>
                    </div>
                    <div class="ad-storage-num-package-tit">
                        累计收益
                    </div>
                </div>
                @* <div class="weui-flex__item ad-storage-right">
                    <div class="ad-storage-package-water">
                        <div class="quan">
                            <div class="shui"></div>
                        </div>

                    </div>
                </div> *@
            </div>
        </div>


        <div class="cm-card cm-card-max cd-progress  cd-price-data">
            <div class="weui-flex ad-storage">
                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            优惠券
                            </div>
                        <div class="ad-storage-num-package">
                            0张
                        </div>
                    </div>
                </div>
                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            视频收益
                        </div>
                        <div class="ad-storage-num-package">
                            0.0
                        </div>
                    </div>
                </div>
                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            余额
                        </div>
                        <div class="ad-storage-num-package">
                            0.0
                        </div>
                    </div>
                </div>
              
            </div>

            <div class="weui-flex ad-storage">
              
                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            昨日收益
                        </div>
                        <div class="ad-storage-num-package">
                            0.0
                        </div>
                    </div>
                </div>
                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            本月收益
                        </div>
                        <div class="ad-storage-num-package">
                            0.0
                        </div>
                    </div>
                </div>
                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            累计收益
                        </div>
                        <div class="ad-storage-num-package">
                            0.0
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="weui-cells__title cd-title">我的订单</div>

        <div class="cm-card cm-card-max cd-progress   cd-p-myorder">
           

            <div class="weui-flex ad-storage cd-order-data">

                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/待付款.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            待付款
                        </div>
                    </div>
                </div>
               

                 <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/待发货.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            待发货
                        </div>
                    </div>
                </div>


                 <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/待收货.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            待收货
                        </div>
                    </div>
                </div>


                 <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/待评价-我的.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            待评价
                        </div>
                    </div>
                </div>


                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/售后.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            售后
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="weui-cells__title cd-title">我的服务</div>

        <div class="cm-card cm-card-max cd-progress  cd-p-myserver" style="margin-top:3px;">


            <div class="weui-flex ad-storage cd-order-data">

                <div class="weui-flex__item ad-storage-left" onclick="window.location.href='/Account/Describe/About'">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/关于我们.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            关于我们
                        </div>
                    </div>
                </div>


                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/常见问题.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            常见问题
                        </div>
                    </div>
                </div>


                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/版本更新.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            版本更新
                        </div>
                    </div>
                </div>


                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/咨询.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            商业咨询
                        </div>
                    </div>
                </div>


               
            </div>



               <div class="weui-flex ad-storage cd-order-data">

                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/登录密码.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            登录密码
                        </div>
                    </div>
                </div>


                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/支付密码.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            支付密码
                        </div>
                    </div>
                </div>


                <div class="weui-flex__item ad-storage-left">
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/清理缓存.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            清理缓存
                        </div>
                    </div>
                </div>


                <div class="weui-flex__item ad-storage-left" onclick="window.location.href='/Account/Login/'" >
                    <div class="ad-storage-data">
                        <div class="ad-storage-num-detail">
                            <img src="@ApiConf.ApiStatic()/Images/退出.png" class="order-img" />
                        </div>
                        <div class="ad-storage-num-package">
                            退出登录
                        </div>
                    </div>
                </div>


               
            </div>



        </div>


    </div>


}




@code {

}
<style>
    #appHeader .title-box {
        background: linear-gradient(to top, #f75556, #f8492a);
        border: none;
        color: #fff;
    }

    #appHeader .title-center {
        color: #fff;
    }

    .ad-storage .ad-storage-left .ad-storage-package-bck {
        border-radius: 20px;
        min-height: 9vh;
        background-image: url('@ApiConf.ApiStatic()/Images/cloud.png');
        background-size:100%  ;
        background-repeat:no-repeat;
    }
</style>
